const routes = [
  {
    path: '/home', name: '首页', icon: 'home', component: () => import('pages/home/index.vue'),
  },
  {
    path: '/table',
    name: '表格',
    icon: 'mdi-table',
    component: () => import('pages/table/index.vue'),
    children: [{
      path: '/table/head',
      name: '多列头',
      component: () => import('pages/table/head.vue'),
    }, {
      path: '/table/sticky', name: '粘性', component: () => import('pages/table/sticky.vue'),
    }],
  },
  {
    path: '/flow',
    name: '工作流',
    icon: 'mdi-view-sequential-outline',
    component: () => import('pages/flow/index.vue'),
    children: [{
      path: '/flow/edit',
      name: '编辑',
      component: () => import('pages/flow/edit.vue'),
    }, {
      path: '/flow/view', name: '查看', component: () => import('pages/flow/view.vue'),
    }],
  },
  {
    path: '/echarts',
    name: '图表',
    icon: 'mdi-file-chart-outline',
    component: () => import('pages/echarts/index.vue'),
    children: [{
      path: '/echarts/bar',
      name: '柱状图',
      component: () => import('pages/echarts/bar/index.vue'),
    }, {
      path: '/echarts/pie', name: '饼状图', component: () => import('pages/echarts/pie/index.vue'),
    }, {
      path: '/echarts/line', name: '折线图', component: () => import('pages/echarts/line/index.vue'),
    }],
  },
  {
    path: '/music', name: '音乐播放', icon: 'mdi-music', component: () => import('pages/music/index.vue'),
  },
  {
    path: '/html',
    name: 'html学习',
    icon: 'mdi-file-chart-outline',
    component: () => import('pages/html/index.vue'),
  },
];

export default routes;
